const path=require('path')
const htmlWebpackPlugin=require('html-webpack-plugin')

//vue-loader 15.x以上版本需要配置const VueLoaderPlugin= require('vue-loader/lib/plugin')，
//并在plugin中配置节点 new VueLoaderPlugin()
const VueLoaderPlugin= require('vue-loader/lib/plugin')
 
module.exports={
    mode: 'development' ,// mode 用来指定构建模式 
    entry:path.join(__dirname,'./src/main.js'),
    output:{
        path:path.join(__dirname,'./dist'),
        filename:'bunlde.js',
        publicPath: '/'//资源路径
    }, 
    plugins:[//配置插件的节点
        new htmlWebpackPlugin({
            template:path.join(__dirname,'./src/index.html'),//指定 模板页面，将来会根据指定的页面路径，去生成内存中的页面
            filename:'index.html'
        }),
        new VueLoaderPlugin()
    ],
    module:{
        rules:[
            { test:/\.css$/,use:['style-loader','css-loader']},// 配置处理.css文件的第三方loader规则
            { test:/\.less$/,use:['style-loader','css-loader','less-loader']},// 配置处理.css文件的第三方loader规则
            { test:/\.scss$/,use:['style-loader','css-loader','sass-loader']}, //配置处理.css文件的第三方loader规则
            {test:/\.(ttf|eot|svg|woff|woff2)$/,use:'url-loader'},//处理 字体文件的loder(cnpm i bootstrap -D)
           // {test:/\.js$/,use:'babel-loader',exclude:/node_modules/}
           {test:/\.vue$/,use:'vue-loader'}
        ]
    },
    resolve:{
        alias:{
            "vue$":"vue/dist/vue.js"
        }
    },
   
}